/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
.clear{clear:both;}
.hide{display:none;}

/* header*/
.head_top{
	padding: 0 10px;
	height: 146px;
	background-color: #fff;
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
	margin-top: 10px;
}
.head_toptitle{
	height: 30px;
	display: inline-block;
	line-height: 30px;
	font-size: 14px;
}
.weight{
	font-weight: 900;
}
.type_message{
	border-color: #007df8;
	color: #fff;
	background-color: #007df8;
	padding: 6px 15px;
	cursor: pointer;
	border: 1px;
	float: right;
}
.done{
	height: 50px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.type_done{
	border-color: #007df8;
	color: #fff;
	background-color: #007df8;
	padding: 8px 10px;
	cursor: pointer;
	border: 1px;
	border-radius: 2px;
	margin-left: 10px;
	margin-top: 10px;
}
#header{
	font-family: Microsoft yahei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	height: 50px;
	width:100%;
	line-height: 50px;
	padding: 0 32px 0 12px;
	border-bottom: 1px solid #7795b9;
	background-color: #388bdb;
	width:100%;
	z-index:9999;
}
.heads h1,.heads h2{
	float:left;
}
.lct{
	height: 160px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;

}
.lct_title{
	font-size: 15px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	background-color: #cfeffe;
}
.lct_info{
	width: 80%;
	border: 1px solid #ccc;
	height: 90px;
	margin: 15px auto;
	padding: 0 5px;
}
#header li {
	float: left;
	color: #000;
	font-size: 16px;
	width:20%;
	text-align:center;
}
.backicon{
	margin-left:-45px;
}
.backtext{ position:absolute;margin-left:-10px;}
#header .header_title{
	width:33%;
	text-align:left;
	color: #000;
	font-size: 16px;
	position: absolute;
	left: 50%;
	margin-left: -45px;
}
#header .delete{
	width:10%;
	float: right;
	text-align: right;
	display:none;
}
#header .turn{

	float: right;
	margin-right: 10px;
	text-align: right;
	display:none;
}

#header .turnok{
	width:10%;
	float: right;
	margin-right: 10px;
	text-align: right;
	display:none;
}
#header .compile{
	width:14%;
	float: right;
	text-align:center;
	display:none;
}
/* word*/
#word{
//height: 362px;
	border-bottom: 8px solid #f0f1f3;

}
.word_title{
	height: 40px;
	border-bottom: 1px solid #efefef;
	padding: 0 15px 0 15px;
	position: relative;
	margin-top: 47px;
}
.word_title .icon{
	width: 13px;
	float: left;
	margin-top: 10px;
}
.word_title .word_quick_action{
	float: left;
	line-height: 40px;
	margin-left: 10px;
	color: #333;
	font-size: 13px;
	font-weight: 700;
}
#word  {
	background:#fff;
}
#word .table tr{
	height: 46px;
}
#word .table tr td{
	position: relative;
	padding: 0 10px 0 15px;
}
#word .table input{
	height: 28px;
	text-indent: 32px;
	border-radius: 2px;
	border: 1px solid #879fb7;
	color: #8fc9f1;
}
#word .table tr td .icon{
	width: 13px;
	position: absolute;
	left: 25px;
	top: 17px;
}
#word .table tr td .add{
	width: 29px;
	height: 30px;
	position: absolute;
	top: 8px;
//right: 17px;
}

/* basic_infor*/
#basic_infor {	background:#fff;}
#basic_infor .basic_infor_title{
	height: 40px;
	border-bottom: 1px solid #efefef;
	padding: 0 15px 0 15px;
	position: relative;
}
#basic_infor .basic_infor_title .icon{
	width: 20px;
	float: left;
	margin-top: 11px;
}
#basic_infor .basic_infor_title .basic_infor{
	float: left;
	line-height: 40px;
	margin-left: 10px;
	color: #9d9d9d;
	font-size: 16px;
	font-weight: 700;
}
#basic_infor .basic_infor_title .basic_infor_title_link a{
	color: #3aa5ff;
	float: right;
	height: 40px;
	line-height: 40px;
}
#basic_infor .table{
	padding-left: 12px;
	padding-right: 12px;


}
#basic_infor table{width:100%}
#basic_infor .table tr{
	border-bottom: 1px solid #f7f7f7;
}
#basic_infor .table .td1 div{
	margin: 15px 0;
	line-height: 36px;
	border-right: 1px solid #d5d5d5;
}
#basic_infor .table .td2{
	padding-left:10px;
	padding-right:10px;
}
#basic_infor .table .td1{
	width: 150px;
}
.listBox{
	font-size:14px;
	margin-top: 50px;
	background-color: #efefef;
}
.listBox ul li{
//height: 140px;
	line-height: 22px;
	background: #fff;
	padding: 10px 10px 10px 15px;
	margin-bottom:10px;
}

.listBox ul{
	position: relative;

}
.listBox .number{
	margin-bottom: -3px;
	width: 26px;
	display: inline-block;
}
.listBox .candertext{
	float:right;
}
.listBox .candertext img{
	width: 19px;
	margin-right: 2px;
	margin-bottom: -5px;
}
.searchBox{
	height: 40px;
	-webkit-appearance:none;
	border-bottom: 1px solid #efefef;
	padding: 0px 15px 0 15px;
	position: relative;
	text-align:center;
}
.searchInput{
	display: inline-block;
	margin-top:7px;
	height:26px;
	width:95%;
	padding-left: 15px;
	border-radius: 10px;
	border:1px solid #DBDBDB
}
body,ul,li {
	padding:0;
	margin:0;
	border:0;
}

body {
	font-size:14px;
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
	font-family:helvetica;
}

#header {
	position:fixed;
	z-index:2;
	top:0; left:0;
	width:100%;
	height:45px;
	line-height:45px;
	background-color:#e9e9e9;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #efefef), color-stop(0.05, #e9e9e9), color-stop(1, #e9e9e9));
	background-image:-moz-linear-gradient(top, #fe96c9, #efefef 5%, #efefef);
	background-image:-o-linear-gradient(top, #fe96c9, #efefef 5%, #efefef);
	padding:0;
	font-weight: normal;
	font-size:20px;
	text-align:center;
}
#header a {
	color:#f3f3f3;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}

#footer {
	position:absolute; z-index:2;
	bottom:0; left:0;
	width:100%;
	height:48px;
	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	padding:0;
	border-top:1px solid #444;
}

#wrapper {
	position:absolute; z-index:1;
	top:0px; bottom:0px; left:-9999px;
	width:100%;
	overflow:auto;
}

#scroller {
	position:absolute; z-index:1;
	/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}


#myFrame {
	position:absolute;
	top:0; left:0;
}



/**
 *
 * Pull down styles
 *
 */
#pullDown, #pullUp {
	background:#fff;
	height:40px;
	line-height:40px;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:14px;
	color:#888;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:block;
	float:left;
	width:40px;
	height:40px;
	background:url(/ui/_img/pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}
.addbtn{
	position: fixed;
	right: 50px;
	bottom:30px;
	z-index: 99999;
}
.addbtn img{
	width:55px;
}
.gapp_input{
	height:25px;
	margin-left:4px;
	border-width:0px;
	width:100%;
}
.gapp_select{
	-webkit-appearance: none; /*for chrome*/
	height:30px;
	margin-left:4px;
	width:100%;
	border-width: 0px;
	overflow: hidden;
	background: url(../../../../img/workflow/m/ups.png) no-repeat right
}
.gapp_textarea{
	border-width: 0px;
	width:100%;
	margin-left:4px;
	height: 78px;
	margin-top: 23px;
	margin-bottom: 20px;
}
.radio-inline{
	margin-left:25px;
}
.gapp_select_address{
	width:32%;
	border-width: 0px;
}
.gapp_span_source{
	width:30px;position:absolute;right:7px
}
.btn{
	outline: none;
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	-webkit-appearance: button;
}
.head {
	width: 100%;
	height: 50px;
	z-index:99999;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	text-align: center;
	line-height: 50px;
	background: #388bdb;
	position: fixed;
	top: 0px;
}
.head h1,.head h3 {
	width:60px;
	height: 100%;
	color: #ffffff;
	font-size: 12px;
}
.head h2 {
	-webkit-box-flex: 1;
	color: #FFFFFF;
	font-size: 14px;
}
.head h4{
	color: #FFFFFF;
}
.main{
	position:absolute;
	width: 100%;
	height: calc(100% - 50px);
	background: #fff;
	overflow:hidden;
}
.main .all {
	z-index:99999;
	width: 100%;
	height: 40px;
	background:#cac9cf;
	box-sizing:border-box;
.box(horizontal);
	padding: 0 12px;
	position: fixed;
	top: 50px;
}
.main .all .search input{
	width: 100%;
	height:28px ;
	border-radius: 6px;
	border: none;
	margin-top: 6px;
}
.main2{
	margin-top:35px;
	position:relative;
	background:#fff;
}
.main_2{
	width:100%;
	height:50px;
	padding-left:15px;
}
.main_2 h1,.main_2 h2{
	float: left;
	line-height: 50px;
}
.main_2 h1{
	margin-left: 10px;
}
.main_2 h2 input{
	height: 48px;
	width: 250px;
	outline: none;
	border: none;
	margin-left: 10px;
}
.r{
	height: 100%;
	line-height: 50px;
}
.r h1{
	font-weight: bold;
	font-size: 14px;
}
.l,.r{
	float: left;
}
.l .circle{
	width:20px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #c6c6c6;
}
.circle{
	margin-top: 15px;
}
#connect_array1 .add{
	width:40px;
	float: right;
}
.turnview{
	background:#fff;
}
.turnview .word_title{
	margin-top:15px;
}
.list-panel{
	padding-left: 40px;
	padding-right: 20px;
	display: inline-block;
	line-height: 32px;
	margin-top: 10px;
}
.list-panel span{margin-right:5px;}
.font1{font-weight: inherit;}
.list-panel h1{}
.list-panel textarea{margin-bottom:0px;}
.bag{    background: url(../../../../img/widget_check.png)no-repeat -5px -5px;}
.pv .left{float:left;}
.pv .left img{    margin-top: 12px; width: 86px; border-radius: 43px;}
.pv .right{float:left;margin-left: 15px; margin-top: 10px;}
.bag1{background:aliceblue !important;}

/*****input***********/
.file {
	position: relative;
	display: inline-block;
	background: #007df8;
	border: 1px solid #007df8;
	border-radius: 4px;
	padding: 4px 12px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	text-indent: 0;
	line-height: 20px;
}
.file input {
	width: 100%;
	height: 100%;
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	opacity: 0;
}
.file:hover {
	background: #AADFFD;
	border-color: #78C3F3;
	color: #004974;
	text-decoration: none;
}
.uploadbox{
	margin: 20px;
}
.uploadbox li{
	height: 24px;
	font-size: 14px;
}
.signBox{
    text-align: center;
}
.signBox textarea{
    text-align: left;
    margin-left: 0px;
    width:90%;
    border: 1px solid #efefef;
}